<template>
  <div @click="handleClick">
    <button @click.stop="$emit('header-click', value)">
      {{ value + ':' + index }}
    </button>
  </div>
</template>

<script>
export default {
  name: 'body-comp',
  props: {
    // 列索引值
    index: {
      type: Number,
    },
    // 列字段名
    prop: {
      type: String,
    },
    // 值
    value: {
      type: String,
    },
    // 列定义
    column: {
      type: Object,
    },
    // 列定义
    row: {
      type: Object,
    },
  },
  methods: {
    handleClick() {
      console.log('body-comp:', this.$props)
    },
  },
  created() {
    console.log('body-comp: created')
  },
}
</script>

<style></style>
